<template>
  <div class="seer_bg">
      <div class="seer_home">
        <router-view v-slot="{ Component }">
          <transition name="fade" mode="out-in">
            <component :is="Component" />
          </transition>
        </router-view>
      </div>
      <!-- <LinkView /> -->
  </div>
</template>

<style lang="less" scoped>
  
  // @media screen and (max-width: 1200px) and (min-width:992px ) {
  //   .home{
  //     height: 580px;
  //   }
  //   .homg-bg-box h3{font-size: 36px;padding: 30px 10%;}
  // }

  // @media screen and (max-width:992px ) and (min-width:768px) {
  //   .home{
  //     height: 460px;
  //     .homg-bg-box h3{font-size: 30px;padding: 20px 7%;}
  //     .homg-bg-box p{padding: 0 10% 25px;font-size: 13px;}
  //   }
  //   .home1-r h4{font-size: 28px;}
  // }

  // @media screen and (max-width:768px ) {
  //   .home{
  //     height: 380px;
  //     .homg-bg-box h3{font-size: 20px;padding: 10px 5%;}
  //     .homg-bg-box p{padding: 0 5% 20px;font-size: 12px;}
  //   }
  //   .home-con{padding: 50px 5%;}
  //   .home1-img{margin: 20px 0;}

  //   .home1-r,.home1-l{
  //     padding: 0;
  //     h4{font-size: 20px;}
  //   }  
    
  //   .but_down{flex-direction: column;align-items: center;} 
  // }

</style>
